<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/interno.xhtml">
	<ui:define name="tiulo">
	Orcamento
	</ui:define>
	<ui:define name="corpo">
		<h:form id="form">

			<p:growl id="msgs" />
			<p:panel header="Selecione o Cliente" style="width:580px">
				<h:panelGrid columns="2">

					<h:outputLabel value="Orçamento Nº:" />
					<h:outputText value="" />

					<h:outputLabel value="Data:" />
					<h:outputText value="" />

					<h:outputLabel value="Cliente:" for="cliente" />
					<p:autoComplete id="cliente"
						value="#{ClienteManagedBean.cliente.nomeRazaoSocial}"
						completeMethod="#{ClienteManagedBean.completaNome}"
						itemValue="#{ClienteManagedBean.cliente}" effect="slide" size="35" />
					<p:watermark for="cliente" value="Digite o Nome do Cliente" />
				</h:panelGrid>

			</p:panel>

			<p:panel header="Selecione um Item" style="width:580px">
				<h:panelGrid columns="2" id="grid">

					<h:outputLabel value="Código:" for="codigo" />
					<p:autoComplete id="codigo" value="#{itemMB.item.codigo}"
						completeMethod="#{ProdutoMB.completaNome}"
						itemValue="#{ProdutoMB.produto}" effect="slide" size="20" />
					<p:watermark for="codigo" value="" />
					<h:outputLabel value="" />


					<h:outputLabel value="Quantidade:" for="quantidade" />
					<p:inputText id="quantidade" value="#{itemMB.item.quantidade}" />

					<h:outputLabel value="Preço:" for="preco" />
					<p:inputText id="preco" value="#{itemMB.item.valor}" />

					<p:commandButton value="Cancelar" type="reset" style="width:100px" />
					<p:commandButton id="btn_add" value="Incluir"
						update="itens msgs @parent" action="#{itemMB.reiniciar}"
						style="width:100px">
						<p:collector value="#{itemMB.item}" addTo="#{itemMB.listaItens}" />
					</p:commandButton>


				</h:panelGrid>

			</p:panel>

			<p:panel header="Itens Selecionados" style="width:580px" id="itens">
				<p:dataTable id="tabela_itens" value="#{itemMB.listaItens}"
					var="item" emptyMessage="Nenhum Item Selecionado">

					<p:column>
						<f:facet name="header">
							<h:outputText value="Código" />
						</f:facet>
						<h:outputText value="#{item.codigo}" />
					</p:column>

					<p:column>
						<f:facet name="header">
							<h:outputText value="Quantidade" />
						</f:facet>
						<h:outputText value="#{item.quantidade}" />
					</p:column>

					<p:column>
						<f:facet name="header">
							<h:outputText value="Preço" />
						</f:facet>
						<h:outputText value="#{item.valor}" />
					</p:column>

					<p:column style="width:5px">
						<f:facet name="header">
							<h:outputText value="" />
						</f:facet>
						<p:commandLink update=":form:itens" process=":form:itens">
							<h:graphicImage library="imagens" name="excluir16.png"
								style="border:0" />
							<p:collector value="#{item}" removeFrom="#{itemMB.listaItens}" />
						</p:commandLink>
					</p:column>

				</p:dataTable>

			</p:panel>

			<p:panel style="width:580px">
				<div align="right">
					<h:outputLabel value="Valor Total:" />
					<h:outputLabel value="" />
				</div>

				<h:panelGrid columns="2">
					<h:outputLabel value="Condição de Pagamento:" />
					<p:inputText />

					<h:outputLabel value="Observações:" />
					<p:inputTextarea style="width:300px" />

				</h:panelGrid >

				<h:panelGrid columns="2">
					<p:commandButton value="Cancelar" style="width:100px"/>
					<p:commandButton value="Salvar" style="width:100px"/>
					
				</h:panelGrid>
			</p:panel>


		</h:form>
	</ui:define>


</ui:composition>
</html>